function allclear() {
	document.all.MERCH_NAME.value = "";
}
$(document)
		.ready(function() {
			var highlightindex = -1;///高亮显示的变量值(0-n) 初始-1即无任何 子div 被选中
				var timeout;///服务器交互延迟
				var wordInput = $("#MERCH_NAME"); //输入框节点
				var wordInputOffset = wordInput.offset(); //获取输入框的属性函数
				var autoNode = $("#auto");//初始的auto div节点

				autoNode.hide();//隐藏
				autoNode.css("position", "absolute"); //相对于其最接近的一个最有定位设置的父对象（wordInput）进行绝对定位
				autoNode.css("z-index", "99");//处于顶层
				autoNode.css("cursor", "default");//鼠标样式
				autoNode.css("filter", "alpha(opacity=100");//透明度
				autoNode.css("text-overflow", "clip");//内容过多时不显示省略标记(...)，而是简单的裁切 
				autoNode.css("border", "1px black solid");//边框
				autoNode.css("background", "#ffffff");//背景
				autoNode.css("top", wordInputOffset.top + wordInput.height()
						+ 4 + "px");//设置高 以ie8 作为标准
				autoNode.css("left", wordInputOffset.left - 2 + "px").width(
						wordInput.width() + 5);//设置左边与宽

				wordInput.blur(function() ///失去焦点时促发
						{
							setTimeout(function() //延时200毫秒以便 鼠标的点击事件能执行
									{
										autoNode.hide();
										highlightindex = -1;
									}, 200);
						});

				wordInput.keyup(function(event)//键盘按下
						{
							var myEvent = event || window.event; //不同浏览器选不同事件
							var keyCode = myEvent.keyCode;///键盘按下的 值

							if (1 == 1)//是英文 空格 或退格或删除键都进与服务器交互
							{
								var textInput = wordInput.val();//获取输入框的值
								if (textInput != "") //输入不为空
								{
									clearTimeout(timeout);//清空前一次的倒数时间

									timeout = setTimeout(function() { ///延迟与服务器交互时间提高效率

												$
														.post(
																"getBMAction.action",
																{
																	text : textInput
																}, function(
																		data) ///与服务器交互 采用xml返回格式
																{
																	var jqueryObj = $(data);//获取返回值节点
																	var wordNodes = jqueryObj
																			.find("word"); //找到返回的所有xml-word节点 <word>...</word> 节点可自己在服务端定义
																	autoNode
																			.html("");//清空内容防止div里面重复

																	wordNodes
																			.each(function(
																					i)//遍历所有的word节点 变量i从 0-n
																			{
																				var wordNode = $(this);//获取当前的word节点 
																				var NewNode = $(
																						"<div>")
																						.attr(
																								"id",
																								i);//新建一个div节点 并给以id属性且等于i值

																				NewNode
																						.html(
																								wordNode
																										.text())
																						.appendTo(
																								autoNode);//把word节点的内容赋给div节点 并把div追加到（相当于内容插入） autoNode节点的div

																				/*	NewNode.mouseover(function(){
																						///鼠标键盘一起用时防止同时高亮
																						if(highlightindex !=-1)
																						{
																							autoNode.children("div").eq(highlightindex).css("background-color","white");
																						}
																							highlightindex = $(this).attr("id");
																							$(this).css("background-color","blue");
																					});
																					NewNode.mouseout(function(){
																							$(this).css("background-color","white");
																							highlightindex = -1;
																						});	
																				 */
																				NewNode
																						.hover(
																								//鼠标事件
																								function() {///鼠标移到
																									if (highlightindex != -1) { ///鼠标键盘一起用时防止同时高亮
																										autoNode
																												.children()
																												.eq(
																														highlightindex)
																												.css(
																														"background-color",
																														"white");
																									}
																									highlightindex = $(
																											this)
																											.attr(
																													"id"); //把id值赋给highlightindex
																									$(
																											this)
																											.css(
																													"background-color",
																													"#E0E0E0");
																								},
																								function() {///鼠标移走
																									$(
																											this)
																											.css(
																													"background-color",
																													"white");

																								});
																				NewNode
																						.click(function() {///点击鼠标时
																							var clickNode = $(this); //获取当前鼠标节点
																							wordInput
																									.val(clickNode
																											.text());//赋值给输入框
																							autoNode
																									.hide();
																							highlightindex = -1;
																						});

																			});
																	if (wordNodes.length > 0) ///有返回值才显示
																	{
																		autoNode
																				.show();
																	} else {///返回为空隐藏
																		autoNode
																				.hide();
																	}
																}, "xml");///.post里的方法结束
											}, 500);///延时方法结束

								} else { ///输入为空隐藏div节点autoNode 不与服务器交互
									autoNode.hide();
									highlightindex = -1;
								}
							} else if (keyCode == 38 || keyCode == 40) {
								var autoNodes = autoNode.children();///获取autoNodes div下的所有子节点
								if (keyCode == 38)//向上
								{

									if (highlightindex != -1)//不为-1 原来有节点被选中
									{
										autoNodes.eq(highlightindex).css(
												"background-color", "white");//改变原来背景色 白色
										highlightindex--; //减一 向上移到
									}

									if (highlightindex == -1) { //为-1 即原来值为0到顶端了
										highlightindex = autoNodes.length - 1;//直接把变量改为最后一个 (注意长度length是1-n，而highlightindex 0-n）
									}
									autoNodes.eq(highlightindex).css(
											"background-color", "#E0E0E0");//改变新选中的div背景色 蓝色
									wordInput.val(autoNodes.eq(highlightindex)
											.text()); //直接赋值给输入框
								}
								if (keyCode == 40)//向下
								{

									if (highlightindex != -1)/////不为-1 原来有节点被选中
									{
										autoNodes.eq(highlightindex).css(
												"background-color", "white");//改变原来选中div背景色 
										highlightindex++; //加1 即向下移动
									}

									if (highlightindex == -1)//为-1及可加 
									{
										highlightindex++;
									}

									if (highlightindex == autoNodes.length)//加1后等于 子div节点长度到达底端  
									{
										highlightindex = 0;//把顶端值赋给highlightindex
									}

									autoNodes.eq(highlightindex).css(
											"background-color", "#E0E0E0"); //改变背景色
									wordInput.val(autoNodes.eq(highlightindex)
											.text()); ////直接赋值给输入框
								}
							} else if (keyCode == 13)//回车
							{
								autoNode.hide();//隐藏div
								highlightindex = -1;//高亮变量恢复默认值
								//....................///可作提交操作	
							}
						});
			});